
 <!--
                body {
            	background-color: ;
            





            background-position:top center;margin-left:0px;
            COLOR:#333333;
            margin-top: 0px;margin-right: 0px;margin-bottom:0px;
            font-size: 12px;
            }
            A:link {
            FONT-SIZE: 12px;
            COLOR: #333333;
            TEXT-DECORATION: none}
            A:visited {
            FONT-SIZE: 12px;
            COLOR: #333333;
            TEXT-DECORATION: none}
            A:hover {
            FONT-SIZE: 12px;
            COLOR: #333333;
            TEXT-DECORATION: none}
            


/*??????????*/

            #webdh {
            text-align:center;
            vertical-align:middle;
            width: 1002px;
            height:30px;
            margin: 0 auto;
            font-size: 12px;
            font-weight: normal;
            COLOR: ;
            
            	background-color: ;
            
            overflow:hidden;
            }
            #webdh A:link {FONT-SIZE: 12px;COLOR: ; TEXT-DECORATION: none}
            #webdh A:visited {FONT-SIZE: 12px;COLOR: ; TEXT-DECORATION: none}
            #webdh A:hover {FONT-SIZE: 12px;COLOR: ; TEXT-DECORATION: none}
            #copy {text-align:center;width:1002px;margin: 0 auto; line-height:150%;}
            .clear {clear:both; height:0; overflow:hidden; display:block;}
            .clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
            -->
            

/*?м???????*/

#bodycon {width:1002px;margin: 0 auto;}
#bodycon #left {float: left;width: 255px;

            	background-color: ;
            
}
#bodycon #center {float:left;width: 747px;

            	background-color: ;
            
}
#bodycon #right {float:left;width: 0px;

            	background-color: ;
            
}
            
/*?м????????*/


/*?????????*/

            #bodycontent {width:745px;
            float:left;
            line-height:180%;text-align:center;}
            
/*??????????*/


/******************************
 ** 内页架构
 ******************************/
.sidebar { float:left; width:220px; }
.side-menu { position: relative;    }
 

.side-title{ background:#1a73c4; color:#fff; text-align:center; padding:17px 0; line-height:240%}
.side-title big{ display:block; font-size:24px; }
.side-title small{ display:block; font-size:18px;}

.side-list ul{border-left:#ddd 0px solid;border-right:#ddd 0px solid; }
.side-list li{ border-bottom:#ddd 1px solid; line-height:50px; }
.side-list li a{ font-size:16px; background:url(../images/arr1.png) left center no-repeat; background-position:20px; padding-left:40px; display:block;}
.side-list li:hover a,.side-list li.on a{ color:#fff; background:url(../images/arr2.png) left center no-repeat #274583; background-position:20px;}

 
.side-head { height:34px; line-height:34px; padding:10px 0 10px 10px; font-size:20px; background:none;  }
.side-con { margin-bottom:20px; position:relative; top:20px; }
.side-con .side-head { height:40px; line-height:40px; background:#1a73c4; }
.side-con .side-head h2 { font-size:16px; font-weight:normal; color:#fff; padding:0 0  0 15px; }
.side-con .main { padding:10px 10px 15px; line-height:25px; border:1px solid #ddd;background: #fff; border-radius:0 0 5px 5px; }
.side-con .main img{ max-width:100%; margin-bottom:5px;}

.container { float:right; width:748px; }
.location { height:35px; border-bottom:1px solid #ddd; position:relative; line-height:35px; margin-bottom:10px;  }
.location font { font-size:20px; float:left;  }
.location .io {   float:right;color:#666; }
.location .io b { color:#999; }
.content { padding:20px; border:1px solid #ddd; margin-bottom:20px; }


.list-news1 li{ line-height:35px; border-bottom:#ececec 1px solid; overflow:hidden;}
.list-news1 li a{ float:left; background:url(../images/arr1.png) left center no-repeat; padding-left:15px; display:block}
.list-news1 li span{ float:right; color:#666}

.list-news2 li{border-bottom:#ececec 1px solid; overflow:hidden; padding-bottom:1%; margin-bottom:1%}
.list-news2 li.odd{  }
.list-news2 li span{ display:block; overflow:hidden;}
.list-news2 li span a{ font-size:16px; line-height:35px;}
.list-news2 li span font{ float:right}
.list-news2 li p{ font-size:12px; line-height:180%;}

.list-news3 li{border-bottom:#ececec 1px solid; overflow:hidden; padding-bottom:2%; margin-bottom:2%}
.list-news3 li a.litpic{ float:left; display:block; width:20%;}
.list-news3 li a.litpic img{ width:100%;}
.list-news3 li span{ float:right; display:block; width:78%;}
.list-news3 li.noimg span{ width:100%; float:none}
.list-news3 li span a{ font-size:16px; line-height:200%; margin-bottom:5px;}
.list-news3 li span font{ display:inline-block; margin-top:5px;}

.list-news4 li{border-bottom:#ececec 1px solid; float:left; overflow:hidden;  width:32%; margin-right:2%; margin-bottom:2%; padding-bottom:2%;}
.list-news4 li.last{ margin-right:0;}
.list-news4 li a.litpic{   display:block; }
.list-news4 li a.litpic img{ width:100%; height:160px;}
.list-news4 li span{   display:block; }
.list-news4 li.noimg span{ width:100%; float:none}
.list-news4 li span a{ font-size:14px; height:40px; line-height:40px; overflow:hidden; display:block; }
.list-news4 li span font{ display:inline-block; margin-top:5px;}


/* shownews*/
.vtitle{ font-size:22px; line-height:30px; text-align:center; padding-top:20px;  margin-bottom:20px;  color:#000;;}
.vdes{  text-align:center; color:#A8A6A6; border-bottom:1px dotted #CCCCCC;border-top:1px dotted #CCCCCC; ; margin-bottom:10px; padding:4px 0;}
.ArticleMessage a:link{ text-align:center;color:#A8A6A6;}
.vcon{  line-height:180%; padding:10px 10px; }
.vcon img{ max-width:100%;}
.vpages { border:#f1f1f1 1px solid; background:#f7f7f7; padding:10px; margin:10px;}

ul,li{ margin:0; padding:0; list-style:none}
/*简单产品列表*/
.prolist ul{ }
.prolist li{ float:left; margin-top:10px; width:32%; margin-right:2%; }
.prolist li.last{ float:right; margin-right:0;}
.prolist li a.txt123{ display:block; text-align:center; line-height:30px;}
.prolist li a.img123{ display:block;  border:#efefef 1px solid;  }
.prolist li a.img123 img{ height:180px; display:block; width:100%;}

/*简单产品列表*/
.prolist1 ul{ }
.prolist1 li{ float:left; margin-top:10px; width:32%; margin-right:2%; position:relative;height:180px; }
.prolist1 li.last{ float:right; margin-right:0;}
.prolist1 li a.txt{ display:block; text-align:center; line-height:36px; position:absolute; bottom:0px; left:0; color:#fff; width:100%; font-size:14px; z-index:3}
.prolist1 li a.img{ display:block;    height:180px;}
.prolist1 li span{position:absolute; bottom:0px; left:0; width:100%; background:#000; z-index:2; background:#000; height:36px;/* older safari/Chrome browsers */  
    -webkit-opacity: 0.8;  
    /* Netscape and Older than Firefox 0.9 */  
    -moz-opacity: 0.8;  
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/  
    -khtml-opacity: 0.8;  
    /* IE9 + etc...modern browsers */  
    opacity: .8;  
    /* IE 4-9 */  
    filter:alpha(opacity=80);  
    /*This works in IE 8 & 9 too*/  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
    /*IE4-IE9*/  
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  }
 
/*面包屑导航*/
.vpos{ height:40px; line-height:40px; border-bottom:#d9d9d9 1px solid;}
.vpos font{ float:left; font-size:18px; margin-left:10px;}
.vpos span{ float:right; margin-right:10px;}